<template>
  <div class="app">
    <header>
      <h1>CMMN.js 示例</h1>
    </header>
    <main>
      <CmmnViewer />
    </main>
  </div>
</template>

<script>
import CmmnViewer from "./CmmnViewer.vue";

export default {
  name: "App",
  components: {
    CmmnViewer
  }
};
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Arial', sans-serif;
}

.app {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}

header {
  margin-bottom: 20px;
}

h1 {
  margin: 0;
  text-align: center;
  color: #333;
}

main {
  border: 1px solid #ccc;
  border-radius: 4px;
}
</style>
